<template>
	<view>
		
		 <image width="23rem" height="15rem" src="https://img.yzcdn.cn/vant/cat.jpeg" />
		
		        <view style="padding: 0rem 0rem 0rem 1rem;" align="left">
		          
		            <p><b style="font-size: 1.4rem">{{indexList.doorArea}}平{{indexList.decorStyle}}</b></p><p>&nbsp</p>
		            <p>{{indexList.familyRoom}} | {{indexList.doorArea}}㎡ | {{indexList.decoratePrice}}万 | {{indexList.caseArea}}</p><p>&nbsp</p>
		
		            <p><b style="font-size: 1.2rem">方案说明</b></p><p>&nbsp</p>
		            <p>项目名称：{{indexList.caseName}}</p>
		            <p>&nbsp</p>
		            <p>项目地点：{{indexList.caseArea}}</p><p>&nbsp</p>
		            <p>项目楼盘：{{indexList.caseWreathed}}</p><p>&nbsp</p>
		            <p>项目面积：{{indexList.caseAcreage}} ㎡</p><p>&nbsp</p>
		            <p>设计师：{{indexList.stylist}}</p><p>&nbsp</p>
		
		
		            <p>案例说明：</p><p>&nbsp</p>
		            <van-col v-for="(itemproject, indexproject) in indexProject" :key="indexproject">
		              <text> &nbsp&nbsp&nbsp&nbsp{{itemproject.projectName}} </text><p>&nbsp</p>
		            </van-col>
		            <p>.&nbsp</p><p>&nbsp</p>
					
		            <text style="float: left;"><b>功能区</b></text>
		
		            <van-col v-for="(itemfunction, indexfunction) in indexFunction" :key="indexfunction">
		              <p>&nbsp&nbsp&nbsp&nbsp{{itemfunction.functionalName}}</p><p>&nbsp</p>
		            </van-col>
		
		         
		        </view>

		
		
	</view>
</template>

<script>
	export default {
		data() {
			return{
			indexList:{
				doorArea:'15',decorStyle:'aaa',familyRoom:'ssaas',decoratePrice:'1516',caseArea:'sasas',
				caseName:'事假'
			},
			indexProject:[{
				projectName:'飒飒撒撒撒撒撒所撒撒撒奥所撒撒撒撒'
			}],
			indexFunction:[
					{functionalName:'saasSaasasas是是是s'}
			]
			
			}
		}
	}
</script>

<style>
</style>
